<template>
    <el-main style="padding: 0 20px">
        <el-card shadow="never">
            <el-descriptions title="Table row data" :column="2" border>
                <el-descriptions-item
                    v-for="(val, key) in data"
                    :key="key"
                    :label="key"
                    width="150px"
                    >{{ val }}</el-descriptions-item
                >
            </el-descriptions>
        </el-card>
    </el-main>
</template>

<script lang="ts" setup>
import type { LangCountryModel } from '@/views/maintenance/lang-setting/lang-country/type.ts'

const data = reactive(<LangCountryModel>{
    id: 0
})

defineExpose({
    setData
})

// 注入数据
function setData(value: LangCountryModel) {
    Object.assign(data, value)
}
</script>

<style></style>
